.ngx-datatable.material {
	background: #FFF;
	box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.2);
	.datatable-header {
		height: 60px!important;
		border:1px solid #eeeeee;
		.datatable-header-cell {
			height: 60px;
		    line-height: 35px;
		}
	}
	.datatable-body {
		border-left: 1px solid #eeeeee;
		border-right: 1px solid #eeeeee;
		.datatable-row-wrapper {
			border-top: 1px solid #eeeeee;
			&:first-child {
				border-top: 0;
			}
		}
	}
	.datatable-footer {
		.datatable-footer-inner {
			height: auto!important;
		}
		.datatable-pager {
			flex: none;			
			margin: 0px auto;
		    padding: 20px 0;
		    height: 90px;
		    display: block;
		    text-align: center;
			a {
				background-color: white;
			    color: #333;
			    border: .5px solid #eeeeee;
			    font-size: 13px;
			    height: 34px;
			    line-height: 34px;
			    min-width: 34px;
			    border-radius: 4px;			    
			}
			ul.pager {
				margin-right: 12px;
				li {
					a {
						line-height: 31px;
					    color: #999;
					}
					&.active {
						a {

							background-color: #4a99e6;
							color: white;
							font-weight: normal;
						}
					}
				}
			}
			.mat-form-field-wrapper {
				top:0;
			}
			.datatable-icon-left,
			.datatable-icon-right {
				line-height: 37px;
			}
		}
	}
}



ul.pager + md-select {
	.mat-select-trigger {
		height: 35px;
	}
	.mat-select-underline {
		left: -8px;
	    right: -5px;
	    height: 34px;
	    background-color: transparent;
	    border: .5px solid #eeeeee;
	}
}

ul.pager ~ md-input-container {
	.mat-form-field-flex {
		width: 60px;
	}
	.mat-form-field-underline {
		left: 0px;
	    right: -5px;
	    height: 34px;
	    background-color: transparent;
	    border: .5px solid #eeeeee;
        width: 60px;
        top: 7px;
    	border-radius: 4px;
    	.mat-form-field-ripple {
    		display: none;
    	}
	}
	input.mat-input-element {
		text-align: center;
    	margin: 0 auto;
	}
}